<div class="row-list">
    <div class="wrapper">
        <ul class="clearfix">
            <#list pageInfo.list as p>
                <li class="item">
                    <div class="img">
                        <a href="/destination/guide?id=${(p.id)!}" target="_blank">
                            <img height="200" width="320" src="${(p.coverUrl)!}" style="display: inline;">
                            <div class="title">${(p.name)!}</div>
                        </a>
                    </div>
                    <div class="info">
                        <p class="detail">${(p.info)!}</p>
                        <div class="hot">
                            <span class="label">TOP3</span>
                            <#list p.scenic as s>
                                <a href="/scenic/detail?scenicId=${(s.id)!}&destId=${(s.destId)!}" target="_blank">${(s.name)!}</a>
                                <span class="divide"></span>
                            </#list>
                        </div>
                </li>
            </#list>
        </ul>
    </div>
</div>